
* {
    word-wrap: break-word
}

/*html,body,h1,h2,h3,h4,h5,h6,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:13px;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}

input[type=radio] {
    background:none;
}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}

img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;!*border: 1px solid #c0c0c0*!}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; !* 1 *!-moz-box-sizing: content-box;-webkit-box-sizing: content-box; !* 2 *!box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
*/
.cl:after, .clearfix:after, .clear:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.cl, .clearfix, .clear {
    zoom: 1
}

#animated-group .animated.btn {
    margin-right: 20px;
    margin-top: 10px;
}

#animated-group #text {
    font-size: 15px;
    background: url("../img/animatebg.jpg") center;
    width: 160px;
    height: 130px;
}

/*底部链接*/
.tinyfooterrap a, .tinyfooterrap a:link, .tinyfooterrap a:visited {
    color: #fff;
    font-weight: normal
}

.tinyfooterrap a:hover {
    color: #ddd
}

/*展示表格*/
.table-borderno > thead > tr > th, .table-borderno > tbody > tr > td {
    border-right: none;
    border-bottom: none;
}

/*按钮 按钮组*/
/*关闭*/
.close {
    font-size: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.3;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

/*各种颜色的按钮*/
.demo-btns {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.demo-btns > li {
    display: inline-block;
    margin-bottom: 7px;
}

.dropdownSm ul.dropdown-menu > li > a {
    font-size: 12px;
    padding: 4px 18px;
}

.grayBtn {
    text-shadow: 0 1px 0 #fff;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
}

.grayBtn:hover {
    background: #f2f2f2;
}

/*代码标签强调*/
#tinypagecontent code {
    color: #c7254e
}

/*代码标签强调*/
.line-boxs {
    border: solid 1px #ddd;
    padding: 10px
}

.line-boxs p {
    border: solid 1px #eed;
    padding-left: 5px;
}

/*组件统计*/
.tinyStatistical .tinyOffset {
    margin-left: -58px
}

.tinyStatistical .tinyOffset i {
    color: #c30
}

/*easy饼图数据统计显示布局样式在实际运用中是去除的*/
.percentage {
    display: inline-block;
}

.percentage,
.easyLabel {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 1.2em;
    margin-bottom: 0.3em;
}

.credits {
    padding-top: 0.5em;
    clear: both;
    color: #999;
}

.credits a {
    color: #333;
}

/*首页及时状态进图条*/
.show-stats .progress {
    height: 7px;
    border-radius: 0;
    margin-top: 3px;
    margin-bottom: 15px
}